<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/ge.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
    <header class="header-simple">
        <div class="headerbar-account">
            <div class="he">
                <img src="./img/logo@2x.png" alt="">
            </div>
        </div>
    </header>


    <!--  -->
    <article class="article article-width">
        <ul class="progress-bar">
            <li class="is-active">购物车</li>
            <li>确认及付款</li>
            <li>完成</li>
        </ul>
    </article>

    <!-- 商品 -->
    <div class="shoppingcart-box">
        <div class="shoppingcart-container float-clearfix">
            <!-- 左侧 -->
            <div class="cart-left-box events-check-box">
                <h3 id="shoppingcart-total-num">您共选购了0件商品</h3>
                <p class="tips">恭喜您获得<b>免邮资格</b>！（付邮试用活动除外）</p>
                <div class="shopcart-list-title">
                    <label class="form-checkbox form-checkbox-cart e-checkbox-cart is-active">
                        <i class="icon icon-checkbox-black-border"></i>
                    </label>
                    <div class="shopcart-list-leftimg">
                        <p class="events-check-all">全选</p>
                    </div>
                    <div class="shopcart-list-right float-clearfix none-sm">
                        <div class="shopcart-goods">
                            商品信息
                        </div>
                        <div class="shopcart-unit-price">
                            单价
                        </div>
                        <div class="shopcart-qty">
                            数量
                        </div>
                        <div class="shopcart-sum">
                            小计
                        </div>
                    </div>
                    <div class="shopcart-list-mob-delete">
                        <i class="icon icon-cart-delete"></i>
                    </div>
                </div>
            </div>

            <!-- 右侧 -->
            <div class="cart-right-box none-sm">
                <div class="cart-order-all">
                    <h3>订单总结</h3>
                    <a class="btn btn-pink event-checkout ">立即结算</a>
                    <div class="cart-price">
                        <p>商品价格 <span id="shoppingcart-right-total">¥
                            520</span></p>
                        <p style="display: none;">会员积分变动 <span id="integral-cart">0分</span></p>
                            <p>优惠金额 <span id="discount-ammount-right">
                             ¥
                                0</span></p>
                        <p>运费 <span id="freight-amount-right">¥
                            0</span></p>
                        <p>总价 <span id="shoppingcart-actual-total-right">¥
                            520</span></p>
                    </div>
                </div>
                <div class="help-box">
                    <h5>支付中遇到问题？</h5>
                    <div class="cont-box">
                        <div class="cont-tiem">
                            <!-- <img src="https://res.lancome.com.cn/build/images/shoppingcart/kefu.png" alt=""> -->
                            <p class="title">在线客服</p>
                            <div class="text">
                                <p>我们的在线美容顾问</p>
                                <p>将为您及时<a class="showOulaiya">解答疑问</a></p>
                            </div>
                        </div>
                        <div class="cont-tiem">
                            <!-- <img src="https://res.lancome.com.cn/build/images/shoppingcart/phone.png" alt=""> -->
                            <p class="title">服务热线</p>
                            <div class="text service-text">
                                <p class="phone">400-820-8016</p>
                                <p>工作日周一至周五9:00-18:00</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="service-box">
                    <h5>兰蔻官方网站放心购</h5>
                    <div class="service-cont">
                        <div class="service-tiem">
                            <div class="img-box">
                                <!-- <img src="https://res.lancome.com.cn/build/images/shoppingcart/footer-1@2x.png" alt=""> -->
                            </div>
                            <div class="info-box">
                                <p class="title">官方网站正品保证</p>
                                <p>我们承诺您在兰蔻官网购买的商品，全部为兰蔻原装正品，您可以放心购买。</p>
                            </div>
                        </div>
                        <div class="service-tiem">
                            <div class="img-box">
                                <!-- <img src="https://res.lancome.com.cn/build/images/shoppingcart/footer-2@2x.png" alt=""> -->
                            </div>
                            <div class="info-box">
                                <p class="title">顺丰包邮</p>
                                <p>港澳台偏远地区除外，亦可提供普通快递服务。</p>
                            </div>
                        </div>
                        <div class="service-tiem">
                            <div class="img-box">
                                <!-- <img src="https://res.lancome.com.cn/build/images/shoppingcart/footer-3@2x.png" alt=""> -->
                            </div>
                            <div class="info-box">
                                <p class="title">精美礼盒</p>
                                <p>甄选精美礼盒包装，尊享官网购物体验</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

    <footer class="footer-simple none-sm">
        <div class="footer-simple-viation float-clearfix">
            <div class="viation-items">
                <p class="items-title">
                    <i class="icon icon-simple-lock"></i>安全支付保障
                </p>
                <p>安全支付系统采用SSL加密</p>
                <p class="alipay-way">
                    <i class="icon icon-simple-alipay"></i>
                    <i class="icon icon-simple-wepay"></i>
                    <!-- <i><img src="https://res.lancome.com.cn/build/images/checkout-new/icon_union_pay_footer.png"></i> -->
                </p>
            </div>
            <div class="viation-items">
                <p class="items-title">
                    <i class="icon icon-simple-phone"></i>联系我们
                </p>
                <p>如果您有任何问题</p>
                <p>希望得到进一步咨询</p>
            </div>
            <div class="viation-items">
                <p class="items-title">
                    <!-- <i class="icon icon-simple-gift"></i>-->您的特殊礼遇 
                </p>
                <p>新客首购加享礼</p>
                <p>会员专属生日礼</p>
                <p>定制化刻字礼遇</p>
            </div>
            <div class="viation-items">
                <p class="items-title">
                    <i class="icon icon-simple-clock"></i>全国配送
                </p>
                <p>快递可至全国各地</p>
                <p>快递2至6日</p>
                <p>正常送达全国</p>
            </div>
            <div class="viation-items">
                <p class="items-title">
                    <i class="icon icon-simple-chat"></i>需要帮助？
                </p>
                <p>我们在线客服人员将帮助您在线选购商品</p>
                <p>
                    <a class="showOulaiya" title="在线咨询">在线咨询</a>
                </p>
                <p>（周一至周日9:00-24:00）</p>
                <p>客服热线：400-820-8016</p>
                <p>（周一至周五9:00-18:00）</p>
            </div>
        </div>
    
        <div class="footer-container">
            <ul style="margin-bottom: 18px;font-size: 12px;">
                <li><span>国家药监局提示您：宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注“国妆特字”或者“国妆特进字”的标准文号。</span></li>
            </ul>
            
            <ul class="statement">
                <li class="none-sm"><span>© L’Oreal China 欧莱雅（中国）有限公司版权所有</span>
                </li>
                <li><i class="icon icon-footer-zggs"></i> <a target="_blank" href="http://wap.scjgj.sh.gov.cn//businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-2012041023233378655&amp;signData=MEQCIC1EYAXJibTl39TcZqED26v2xVQIXO0gFJ8lNsUhO02wAiBjblUFfS5r1ezDJXX3NoQixYijB6IdK7kJ7vx1664UZw==" rel="nofollow"> <span>中国工商</span>
                </a><span>&nbsp;&nbsp;</span>
                <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow"> <span>沪ICP备08100043号-34</span>
                </a>
                
                </li>
                <li><i class="icon icon-footer-hgyab"></i> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001526" rel="nofollow">
                        <span>沪公网安备 31010602001526号</span>
                </a></li>
                <li class="none block-sm"><span>© L’Oreal China
                        欧莱雅（中国）有限公司版权所有</span></li>
            </ul><div class="con-content">
                <ul>
                    <li><a target="_blank" href="http://policy.lorealchina.com/termsofusewebsite" rel="nofollow">使用条款</a></li>
                    <li><a target="_blank" href="http://policy.lorealchina.com/cookiespolicy" rel="nofollow">Cookies政策</a></li>
                    <li><a target="_blank" href="http://policy.lorealchina.com/privacypolicy" rel="nofollow">隐私政策</a></li>
                </ul>
            </div>
        </div>
    </footer>
</body>

</html>